<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
           Editar Ato
        

<!--        <ui:define name="breadcrumb">
            <div class="breadcrumb_divider"></div>
            <a href="pesquisarAto.xhtml">Ato</a>
            <div class="breadcrumb_divider"></div>
            <a class="current">Editar</a>
        </ui:define>

        <ui:define name="sidebar">
            <h3>Ato</h3>
            <ul class="toggle">
                <li class="icn_new_article"><a href="criarAto.xhtml">Cadastrar</a></li>
                <li class="icn_search"><a href="pesquisarAto.xhtml">Pesquisar</a></li>
            </ul>
            <h3>Ações</h3>
            <ul class="toggle">
                <li class="icn_categories"><a href="visualizarAto.xhtml?atoVisualizarId=#{ managerPesquisarAto.atoEditar.id }">Visualizar</a></li>
            </ul>            
       </ui:define>        -->
        
        <div class="actions">
                    <div id="buttons">

                        <p:button value="Pesquisar Ato" outcome="pesquisarAto.xhtml"
                                  rendered="#{ managerCriarAto.ato.id == null }"
                                  icon="ui-icon-search" styleClass="ui-priority-primary">
                        </p:button>

                    </div>
                </div>
        </ui:define>
        

        <ui:define name="content">
            <h:form id="editarAtoForm">

                <p:messages id="editarAtoMessages" autoUpdate="true" />
                
                <p:fieldset legend="Dados" id="criarAtoPanel" >

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Código" for="codigoInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="codigoInputText" value="#{ managerPesquisarAto.atoEditar.codigo }"
                                required="true" requiredMessage="Código é obrigatório" />
                        </div>
                    </div>                    
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo do Ato" for="atoTipoInputText" />
                        </div>
                        <div class="column8">
                            <p:inputText id="atoTipoInputText" value="#{ managerPesquisarAto.atoEditar.atoTipo.descricao }" readonly="true"
                                required="true" requiredMessage="Tipo do ato é obrigatório" />
                        </div>
                        <p:commandButton styleClass="icon-plus" icon="ui-icon-plus" onclick="dialogAtoTipo.show();" process="@this" update="@this" immediate="true" />
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Descrição" for="descricaoInputTextarea" />                        
                        </div>
                        <div class="column8">
                            <p:inputTextarea id="descricaoInputTextarea" value="#{ managerPesquisarAto.atoEditar.descricao }"
                                required="true" requiredMessage="Código é obrigatório" />                            
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo do Selo" for="tipoSeloInputText" />
                        </div>
                        <div class="column8">
                            <p:inputText id="tipoSeloInputText" value="#{ managerPesquisarAto.atoEditar.tipoSelo.nome }"
                                    required="true" requiredMessage="Tipo do Selo é obrigatório">

                                <script type="text/javascript">
                                    $(document).ready(function(){
                                        $('#editarAtoForm\\:tipoSeloInputText').attr('readonly', 'readonly');
                                    });
                                </script>                                

                            </p:inputText>
                        </div>
                        <p:commandButton styleClass="icon-plus" icon="ui-icon-plus" onclick="dialogTipoSelo.show();" process="@this" update="@this" immediate="true" />
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Sigla" for="siglaInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="siglaInputText" value="#{ managerPesquisarAto.atoEditar.sigla }" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Prazo (Dias)" for="prazoInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="prazoInputText" required="true"
                                requiredMessage="Prazo é obrigatório"
                                value="#{ managerPesquisarAto.atoEditar.prazo }" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Utiliza selo de arquivamento" for="arquivamentoSelectBooleanCheckbox" />
                        </div>
                        <div class="column3">
                            <p:selectBooleanCheckbox id="arquivamentoSelectBooleanCheckbox" value="#{ managerPesquisarAto.atoEditar.arquivamento }" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Utiliza selo de gratuidade" for="gratuidadeSelectBooleanCheckbox" />
                        </div>
                        <div class="column1">
                            <p:selectBooleanCheckbox id="gratuidadeSelectBooleanCheckbox" value="#{ managerPesquisarAto.atoEditar.gratuidade }" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Campos do Ato" for="atoCompoPickList" />
                        </div>
                        <div class="column2">
                            <p:pickList id="atoCompoPickList" value="#{ managerPesquisarAto.atoCompoDualList }" var="atoCampo"
                                    itemValue="#{ atoCampo }" itemLabel="#{ atoCampo.nome }" converter="conversoratocampo" >
                                <f:facet name="sourceCaption">Campos</f:facet>
                                <f:facet name="targetCaption">Campos Selecionados</f:facet>
                            </p:pickList>
                        </div>
                    </div>                

                </p:fieldset>

                <div class="command">
                    <p:commandButton value="Salvar" 
                                     actionListener="#{ managerPesquisarAto.atualizar() }" 
                                     update="@form"
                                     icon="ui-icon-disk" 
                                     process="@form"
                                     styleClass="ui-priority-primary"/>
                    <p:button value="Cancelar" icon="ui-icon-cancel" href="pesquisarAto.xhtml" />
                </div>

                <p:dialog id="atoTipoDialog" widgetVar="dialogAtoTipo" header="Tipo do Ato" dynamic="true" modal="true" appendToBody="false"
                        resizable="false" width="90%" height="450px" draggable="false" closable="false">
                    <p:panel id="atoTipoPesquisarPanel" styleClass="container_12 grid_11">
                        <f:validateBean disabled="true">
                            <div class="row">
                                <p:outputLabel styleClass="grid_2" value="Descrição" for="atoTipoDescricaoInputText" />
                                <p:inputText id="atoTipoDescricaoInputText" value="#{ managerPesquisarAto.atoTipoPesquisa.descricao }" styleClass="grid_7" />
                            </div>
                        </f:validateBean>
                        
                        <div class="command">
                            <p:commandButton actionListener="#{ managerPesquisarAto.pesquisarAtoTipos() }" value="Pesquisar"
                                update=":editarAtoForm:atoTipoPesquisarPanel" process=":editarAtoForm:atoTipoPesquisarPanel"
                                icon="ui-icon-search" />
                            <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="dialogAtoTipo.hide()" process="@this"
                                update=":editarAtoForm:atoTipoDialog" />
                        </div>
                        
                        <p:dataTable id="atoTipoDataTable" var="atoTipo" value="#{ managerPesquisarAto.atoTipos }" 
                                rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ atoTipo.id }"
                                selection="#{ managerPesquisarAto.atoTipoSelecionado }" selectionMode="single">
                            <f:facet name="header">Tipo do Ato</f:facet>
                            <p:ajax event="rowSelect"  process="@this" update="@this"/>
                            
                            <p:column headerText="Descrição">
                                <h:outputText value="#{ atoTipo.descricao }" />
                            </p:column>
                        </p:dataTable>
                        
                        <div class="command">
                            <p:commandButton actionListener="#{ managerPesquisarAto.selecionarAtoTipo() }"
                                update=":editarAtoForm:atoTipoInputText, :editarAtoForm:atoTipoDialog" process="@this"
                                value="Selecionar" icon="ui-icon-plus" oncomplete="dialogAtoTipo.hide();" />
                        </div>                         
                    </p:panel>
                </p:dialog>
                
                <p:dialog id="tipoSelodialog" widgetVar="dialogTipoSelo" header="Tipo do Selo" dynamic="true" modal="true" appendToBody="false"
                        resizable="false" width="90%" height="450px" draggable="false" closable="false">
                    <p:panel id="tipoSeloPesquisarPanel" styleClass="column12">
                        <f:validateBean disabled="true">
                            <div class="row">
                                <div class="column2">
                                    <p:outputLabel value="Descrição" for="tipoSeloNomeInputText" />
                                </div>

                                <div class="column8">
                                    <p:inputText id="tipoSeloNomeInputText" value="#{ managerPesquisarAto.tipoSeloPesquisa.nome }" />
                                </div>
                            </div>
                        </f:validateBean>
                        
                        <div class="command">
                            <p:commandButton value="Pesquisar" actionListener="#{ managerPesquisarAto.pesquisarTiposSelo() }" icon="ui-icon-search"
                                update=":editarAtoForm:tipoSeloPesquisarPanel" process=":editarAtoForm:tipoSeloPesquisarPanel" />
                            <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="dialogTipoSelo.hide()" process="@this"
                                update=":editarAtoForm:tipoSelodialog" />
                        </div>
                        
                        <p:dataTable id="tiposSeloDataTable" value="#{ managerPesquisarAto.tiposSelo }" var="tipoSelo"
                                rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ tipoSelo.id }"
                                emptyMessage="Nenhum Tipo de Selo encontrado"
                                selection="#{ managerPesquisarAto.tipoSeloSelecionado }" selectionMode="single">
                            <f:facet name="header">Tipo do Ato</f:facet>
                            <p:ajax event="rowSelect"  process="@this" update="@this"/>

                            <p:column headerText="Nome">
                                <h:outputText value="#{ tipoSelo.nome }" />
                            </p:column>
                            <p:column headerText="Descrição">
                                <h:outputText value="#{ tipoSelo.descricao }" />
                            </p:column>

                           <p:column headerText="Aplicação">
                               <h:outputText value="#{ tipoSelo.aplicacao.nome }" />
                            </p:column>
                        </p:dataTable>
                        
                        <div class="command">
                            <p:commandButton actionListener="#{ managerPesquisarAto.selecionarTipoSelo() }"
                                update=":editarAtoForm:tipoSeloInputText, :editarAtoForm:tipoSelodialog" process="@this"
                                value="Selecionar" icon="ui-icon-plus" oncomplete="dialogTipoSelo.hide();" />
                        </div>
                    </p:panel>
                </p:dialog>
                
            </h:form>

        </ui:define>
    </ui:composition>
    
</html>